<template>
    <div class="base-add-box" :style='`width: ${size}px;height: ${size}px`' @click='$emit("add-method")'>
        <i class="add-point el-icon-plus"></i>        
    </div>
</template>
<script>
export default {
    props: {
        size: {type: Number, default: 60}
    },
    data: () => ({
    }),

    created() {
    }
}
</script>
<style lang="scss" scoped>
.base-add-box{
    margin: 5px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;    
    box-sizing: border-box;
    display: flex;
    .add-point{
        margin: auto;
        font-size: 26px;
        color: #5f5f5f;
        &:hover{
            font-size: 32px;
            color: #466ce9;
        }
    }
}
</style>